<template>
  <div>
    <el-dialog
      title="用户登录"
      :visible.sync="dialogVisible.v"
      :close-on-click-modal="dialogVisible.clickModalClose"
      width="300px"
      top="4%"
      v-dialogDrag>
      <user-form></user-form>
    </el-dialog>
  </div>
</template>

<script>
  import userForm from '../form/userForm.vue'

  export default {
    name: "userDialog",
    data() {return {}},
    props: {
      dialogVisible: Object,
    },
    components: {
      "user-form": userForm,
    },
    created(){
      this.$Bus.$on("userDialogParams",(data)=> {
        this.dialogVisible.v = data.dialogVisible;
      });
      this.$Bus.$on("dialogVisible.v",(e)=>{
          this.dialogVisible.v = e;
      })
    }
  }
</script>

<style scoped>
  .custom-mouse-position{
    position: absolute;
    /*position: inherit;*/
    top: 5px;
    right: 5px;
    color: white;
    font-size: medium;
  }
</style>
